import React from 'react';
import Svg, {G, Path, Defs, ClipPath, Rect} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {fill?: string} & BasicsProps;

const MakeMoneyIcon = ({size, fill = '#FF813A'}: Props) => {
  return (
    <Svg width={size} height={size} viewBox="0 0 28 28" fill="none">
      <G
        id="&#232;&#181;&#154;&#233;&#146;&#177;-1"
        clip-path="url(#clip0_47_1195)">
        <G id="Iconly/Light-Outline/Bookmark">
          <G id="Bookmark">
            <Path
              id="Combined-Shape"
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M17.1512 2.33333C21.1085 2.33333 23.3788 4.29216 23.3788 7.70466V24.6633C23.3788 25.375 23.0125 26.0155 22.3965 26.3737C21.7828 26.733 21.0432 26.74 20.4225 26.39L13.4692 22.4618L6.45167 26.3982C6.14833 26.5685 5.81583 26.6548 5.48217 26.6548C5.138 26.6548 4.79383 26.5627 4.48117 26.3783C3.86633 26.0202 3.5 25.3797 3.5 24.6692V7.49116C3.5 4.21283 5.7715 2.33333 9.73233 2.33333H17.1512ZM17.1512 4.08333H9.73233C6.7585 4.08333 5.25 5.229 5.25 7.49116V24.6692C5.25 24.7788 5.313 24.8383 5.3655 24.8687C5.418 24.9013 5.50083 24.9247 5.5965 24.871L13.0422 20.6943C13.3082 20.5462 13.6337 20.545 13.9008 20.6955L21.2823 24.8652C21.3792 24.9212 21.462 24.8955 21.5145 24.864C21.567 24.8325 21.6288 24.773 21.6288 24.6633L21.6284 7.57171C21.6196 6.5676 21.4253 4.08333 17.1512 4.08333ZM17.6631 10.1832C18.1461 10.1832 18.5381 10.5752 18.5381 11.0582C18.5381 11.5412 18.1461 11.9332 17.6631 11.9332H9.12543C8.64243 11.9332 8.25043 11.5412 8.25043 11.0582C8.25043 10.5752 8.64243 10.1832 9.12543 10.1832H17.6631Z"
              fill={fill}
            />
          </G>
        </G>
      </G>
      <Defs>
        <ClipPath id="clip0_47_1195">
          <Rect width="28" height="28" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};

export default MakeMoneyIcon;
